<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
			.textColor{
				font-weight: bold;
			}
			.textSize{
				font-size: 30px;
			}
		</style>
		<div id="app">
			<img v-bind:src="imageSrc"/>
			<div v-bind:class="[classA, classB]">类名作为一个属性值保存</div>
			<div v-bind:class="[isA?classA: classB]">三目运算符</div>
		</div>
		
		<script src="../vue.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el: '#app',
				data: {
					imageSrc: "img/u=506457409,2151064078&fm=26&fmt=auto&gp=0.webp",
					classA: 'textColor',
					classB: 'textSize',
					isA: false
				}
			});
		</script>
	</body>
</html>
